{% extends "base.html" %}
{% block main %}
        <div id="page-wrapper">
            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h3 class="page-header">
                            User Agent
                        </h3>
                        <ol class="breadcrumb">
                            <li>
                                <i class="fa fa-dashboard"></i>  <a href="../index">Dashboard</a>
                            </li>
                            <li class="active">
                                <i class="fa fa-table"></i> User Agent
                            </li>
                        </ol>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <h4 class="well">Contextual Classes</h4>
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover table-striped" style="height:10px;">
                                <thead>
                                    <tr class="info">
                                        <th class="col-lg-1" style="text-align: center">#</th>
                                        <th class="col-lg-9" style="text-align: center">参数信息</th>
                                        <th class="col-lg-2" style="text-align: center">时间</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    {% for show in user_agent_list.object_list %}
                                        <tr>
                                            <td style="text-align: center;vertical-align:middle">{{ show.id }}</td>
                                            <td style="text-align: left">{{ show.result }}</td>
                                            <td style="text-align: center">{{ show.creatdate }}</td>
                                        </tr>
                                    {% empty %}
                                        <tr>
                                            暂无用户
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                            <div class="row col-lg-12" style="text-align: center">
                                <span class="step-links">
                                    <ul class="pager">
                                     {% if user_agent_list.has_previous %}
                                     <li class="prev">
                                         <a href="?page={{ user_agent_list.previous_page_number }}" class="previous">上一页</a>
                                     </li>
                                     {% endif %}
                                     第 {{ user_agent_list.number }}/{{ user_agent_list.paginator.num_pages }} 页
                                     {% if user_agent_list.has_next %}
                                         <li class="prev">
                                             <a href="?page={{ user_agent_list.next_page_number }}">下一页</a>
                                         </li>
                                     {% endif %}
                                        <li class="next"><a>共{{ user_agent.count }}条</a></li>
                                    </ul>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.row -->

            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="../static/js/jquery.js"></script>
    <script src="../static/js/sweet-alert.min.js"></script>
{#    <link rel="stylesheet" type="text/css" href="../static/css/sweet-alert.css">#}

    <!-- Bootstrap Core JavaScript -->
    <script src="../static/js/bootstrap.min.js"></script>
{% endblock %}

</body>

</html>
